<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		*{margin: 0;padding: 0;}
		li{
			list-style-type: none;	
		}
		.boxleft{
			width: 100%;
			height: 240px;
			position: fixed;
		}
		.boxleft>li{
			background-color: #ccc;
			font-size: 20px;
			width: 100px;
			height: 50px;
			text-align: center;
			line-height: 50px;
			margin-top: 10px;
			position: relative;
		}
		.boxleft>li>ul{
			position: absolute;
			float: left;
			top: 0;
			width: 440px;
			height: 50px;
			padding-left: 100px;
			display: none;	
		}
		.boxleft>li:hover ul{
			display: block;
		}
		.boxleft>li>ul>li{
			width: 100px;
			height: 50px;
			float: left;
			margin-left: 10px;
			text-align: center;	
		}
		.boxleft>li>ul>li:hover{
			background-color: #ccc;
			color: white;
		}
	</style>
</head>
<body>
<nav class="boxleft">
	<li>0079
		<ul>
			<li>阿姆罗</li>
			<li>塞拉</li>
			<li>夏亚</li>
			<li>布莱德</li>
		</ul>
	</li>
	<li>0080
		<ul>
			<li>扎古II</li>
			<li>RX-78T</li>
			<li>白色圣诞</li>
			<li>白狼</li>
		</ul>
	</li>
	<li>0083
		<ul>
			<li>ZZ</li>
			<li>百式</li>
			<li>悍马悍马</li>
			<li>普露</li>
		</ul>
	</li>
	<li>0096
		<ul>
			<li>独角兽</li>
			<li>复仇女神</li>
			<li>巴腊鸡</li>
			<li>德尔塔改</li>
		</ul>
	</li>
</nav>>
</body>
</html>